<template>
  <h2>发现更精彩世界</h2>
  <div class="logo">
    <span>
      <img src="../../assets/Logo.svg" width="40" />
    </span>
    <b>迅闻</b>
  </div>
  <!-- 圆角弹窗（居中） -->
  <van-popup v-model:show="showCenter" round :style="{ padding: '20px' }">
    <div class="popup">
      <h3>个人信息保护指引</h3>
      <p>
        欢迎使用讯闻APP！我们将通过
        <span class="orange">《用户协议》</span>和
        <span class="orange">《隐私政策》</span
        >将帮助你了解我们提供的服务，及收集，处理个人信的方式
      </p>
      <div class="flex">
        <van-button type="warning" to="/cdn" round style="padding: 0 25px;margin: 20px 0;">同意</van-button>
      </div>
    </div>
  </van-popup>
</template>
  
  <script setup>
import { ref } from "vue";
const showCenter = ref(false);
setTimeout(()=>{
  showCenter.value = true;  
},2000)
</script>
  
<style scoped lang="less">
.orange{
  color: #fc694f;
}
h3{
  text-align: center;
}
.flex {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
h2 {
  text-align: center;
  color: #fc694f;
  position: fixed;
  top: 30%;
  left: 0%;
  width: 100vw;
  margin: 0;
  font-size: 35px;
}
.logo {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 10%;
  left: 0%;
  width: 100vw;
  b {
    font-size: 30px;
    margin: 0 5px;
    color: rgb(78, 113, 113);
  }
  img {
    width: 30px;
    height: 30px;
  }
}
</style>